<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Access-Control-Allow-Origin" content="*">

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="expires" content="0">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<title>青岛机场数据分析平台</title>
<link rel="shortcut icon" href="image/tao.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/bootstrap.min.css"></link>

<script src="http://172.20.5.203/javascripts/api/tableau-2.min.js"></script>
<script src="http://172.20.5.203/javascripts/api/viz_v1.js"></script>

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/head.js"></script>
<script type="text/javascript" src="js/direct.js"></script>
<script type="text/javascript" src="js/switch.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

<style>
	.clksp{
		color:#00F;
		cursor:pointer;
		font-size:16px
	}
	
	.nav > li:hover .dropdown-menu {
		display: block;
	}
</style>
</head>

<body>
	<div id="headnav"></div>
	
	<div class="row" style="margin-left:70px;margin-right:70px;margin-top:5px;">
		
		<div class="row">
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail"  style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="personPic">
				<div class="caption">
					<h3>人力资源类报表</h3>
					<span id="renli" class="clksp">人力资源分析&nbsp;&nbsp;</span>
					<span id="zgzs" class="clksp">职工总数分析&nbsp;&nbsp;</span>		
					<div>&nbsp;</div>			
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail"  style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="moneyPic">
				<div class="caption">
					<h3>财务类报表</h3>
					<span id="jtsz" class="clksp">机场集团收支情况&nbsp;&nbsp;</span>
					<span id="lssr" class="clksp">历史收入及利润分析&nbsp;&nbsp;</span>
					<span id="jtsr" class="clksp">集团公司历史收入分析&nbsp;&nbsp;</span>
					<span id="szqk" class="clksp">集团公司收支情况&nbsp;&nbsp;</span>
					<span id="zjyeb" class="clksp">资金余额表&nbsp;&nbsp;</span>
					<span id="srfx" class="clksp">收入分析&nbsp;&nbsp;</span>	
					<span id="tingche" class="clksp">停车场统计&nbsp;&nbsp;</span>
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail" style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="assetPic">
				<div class="caption">
					<h3>资产类报表</h3>
					<span id="zcgl" class="clksp">固定资产概览&nbsp;&nbsp;</span>
					<span id="zcbmtj" class="clksp">固定资产部门统计&nbsp;&nbsp;</span>		
					<span id="zichan" class="clksp">资产分析&nbsp;&nbsp;</span>
					<span id="zccx" class="clksp">固定资产查询&nbsp;&nbsp;</span>	
					<div>&nbsp;</div>				
				</div>
			</div>
		</div>
		</div>
		
		<div class="row">
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail" style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="mapPic">
				<div class="caption">
					<h3>航线类报表</h3>					
					<span id="thfx" class="clksp">国内通航&nbsp;&nbsp;</span>
					<span id="thgj" class="clksp">国际通航&nbsp;&nbsp;</span>
					<span id="thpm" class="clksp">两小时城市圈&nbsp;&nbsp;</span>
					<span id="tonghang" class="clksp">通航机场分布&nbsp;&nbsp;</span>
				</div>
			</div>
		</div>
		
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail" style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="flightPic">
				<div class="caption">
					<h3>实时航班报表</h3>
					<span id="yanwu" class="clksp">航班延误&nbsp;&nbsp;</span>
					<span id="ssyx" class="clksp">实时运行分析&nbsp;&nbsp;</span>
					<span id="jchg" class="clksp">进出港分析&nbsp;&nbsp;</span>
					<!-- <span id="peizai" class="clksp">配载分析&nbsp;&nbsp;</span> -->
					<span id="drhb" class="clksp">当日航班地图&nbsp;&nbsp;</span>	
				</div>
			</div>
		</div>
		
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail"  style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="flighthisPic">
				<div class="caption">
					<h3>历史航班报表</h3>
					<span id="jiaci" class="clksp">航班架次分析&nbsp;&nbsp;</span>
					<span id="jidi" class="clksp">基地航空航班架次分析&nbsp;&nbsp;</span>
					<span id="gjhx" class="clksp">国际航线分析&nbsp;&nbsp;</span>										
				</div>
			</div>
		</div>		
		</div>	
		<div class="row">
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail" style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="kpiPic">
				<div class="caption">
					<h3>三大指标报表</h3>
					<span id="thqua" class="clksp">三大指标同比分析&nbsp;&nbsp;</span>
					<span id="sdyear" class="clksp">年度分析&nbsp;&nbsp;</span>
					<span id="sdmonth" class="clksp">月度分析&nbsp;&nbsp;</span>
					<span id="sdtime" class="clksp">区间分析&nbsp;&nbsp;</span>	
					<div>&nbsp;</div>					
				</div>
			</div>
		</div>
		
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail" style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="traPic">
				<div class="caption">
					<h3>旅客类报表</h3>
					<span id="keyuan" class="clksp">客流来源分析&nbsp;&nbsp;</span>
					<span id="snky" class="clksp">省内客流来源分析&nbsp;&nbsp;</span>
					<!-- 
					<span id="anjian" class="">安检通道分析&nbsp;&nbsp;</span>
					<span id="hzlkl" class="">航站楼客流分析&nbsp;&nbsp;</span>
					<span id="ajtd" class="">安检通道&nbsp;&nbsp;</span>
					 -->
					<span id="qglkdt" class="clksp">全国旅客地图&nbsp;&nbsp;</span>
					<span id="snlkdt" class="clksp">省内旅客地图&nbsp;&nbsp;</span>
					<div>&nbsp;</div>					
				</div>
			</div>
		</div>
		
		<div class="col-sm-6 col-md-4 col-lg-4">
			<div class="thumbnail" style="margin-bottom:5px;">
				<img src="" alt="通用的占位符缩略图" height="180" width="350" id="packPic">
				<div class="caption">
					<h3>行李类报表</h3>
					<span id="xlfx" class="clksp">行李推包数据周统计&nbsp;&nbsp;</span>
					<span id="xltj" class="clksp">行李推包占比周趋势&nbsp;&nbsp;</span>
					<span id="xlgf" class="clksp">行李数据月统计&nbsp;&nbsp;</span>
					<span id="tbtj" class="clksp">高峰时段推包数据统计&nbsp;&nbsp;</span>
				</div>
			</div>
		</div>
		</div>	
	</div>
</body>
</html>